<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://www.thymeleaf.org">
<head>
    <!-- 加载部部样式及META信息 -->
    <title>管理员</title>
    <div th:replace="common/meta"></div>
    <script>
        require.config.jsname = "backend/dashboard";
        require.config.modulename = "admin"
        require.config.controllername = "dashboard"
        require.config.actionname = "index"
        require.config.moduleurl = "/admin"
    </script>
    <style type="text/css">
        .sm-st {
            background: #fff;
            padding: 20px;
            -webkit-border-radius: 3px;
            -moz-border-radius: 3px;
            border-radius: 3px;
            margin-bottom: 20px;
            -webkit-box-shadow: 0 1px 0px rgba(0, 0, 0, 0.05);
            box-shadow: 0 1px 0px rgba(0, 0, 0, 0.05);
        }

        .sm-st-icon {
            width: 60px;
            height: 60px;
            display: inline-block;
            line-height: 60px;
            text-align: center;
            font-size: 30px;
            background: #eee;
            -webkit-border-radius: 5px;
            -moz-border-radius: 5px;
            border-radius: 5px;
            float: left;
            margin-right: 10px;
            color: #fff;
        }

        .sm-st-info {
            font-size: 12px;
            padding-top: 2px;
        }

        .sm-st-info span {
            display: block;
            font-size: 24px;
            font-weight: 600;
        }

        .orange {
            background: #fa8564 !important;
        }

        .tar {
            background: #45cf95 !important;
        }

        .sm-st .green {
            background: #86ba41 !important;
        }

        .pink {
            background: #AC75F0 !important;
        }

        .yellow-b {
            background: #fdd752 !important;
        }

        .stat-elem {

            background-color: #fff;
            padding: 18px;
            border-radius: 40px;

        }

        .stat-info {
            text-align: center;
            background-color: #fff;
            border-radius: 5px;
            margin-top: -5px;
            padding: 8px;
            -webkit-box-shadow: 0 1px 0px rgba(0, 0, 0, 0.05);
            box-shadow: 0 1px 0px rgba(0, 0, 0, 0.05);
            font-style: italic;
        }

        .stat-icon {
            text-align: center;
            margin-bottom: 5px;
        }

        .st-red {
            background-color: #F05050;
        }

        .st-green {
            background-color: #27C24C;
        }

        .st-violet {
            background-color: #7266ba;
        }

        .st-blue {
            background-color: #23b7e5;
        }

        .stats .stat-icon {
            color: #28bb9c;
            display: inline-block;
            font-size: 26px;
            text-align: center;
            vertical-align: middle;
            width: 50px;
            float: left;
        }

        .stat {
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
            display: inline-block;
            margin-right: 10px;
        }

        .stat .value {
            font-size: 20px;
            line-height: 24px;
            overflow: hidden;
            text-overflow: ellipsis;
            font-weight: 500;
        }

        .stat .name {
            overflow: hidden;
            text-overflow: ellipsis;
        }

        .stat.lg .value {
            font-size: 26px;
            line-height: 28px;
        }

        .stat.lg .name {
            font-size: 16px;
        }

        .stat-col .progress {
            height: 2px;
        }

        .stat-col .progress-bar {
            line-height: 2px;
            height: 2px;
        }

        .item {
            padding: 30px 0;
        }
    </style>
</head>
<body class="inside-header inside-aside {:defined('IS_DIALOG') && IS_DIALOG ? 'is-dialog' : ''}">
<div id="main" role="main">
    <div class="tab-content tab-addtabs">
        <div id="content">
            <div class="row">
                <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">
                    <section class="content-header hide">
                        <h1>
                            <small>控制台</small>
                        </h1>
                    </section>
                    <!-- RIBBON -->
                    <div id="ribbon">
                        <ol class="breadcrumb pull-left">
                            <li><a href="dashboard" class="addtabsit"><i class="fa fa-dashboard"></i> 控制台</a></li>
                        </ol>
                        <ol class="breadcrumb pull-right">
                            <li><a href="javascript:;" data-url="{$vo.url}">权限管理</a></li>
                            <li><a href="javascript:;" data-url="{$vo.url}">管理员管理</a></li>
                        </ol>
                    </div>
                    <!-- END RIBBON -->
                    <div class="content">
                        <div class="panel panel-default panel-intro">
                            <div class="panel-heading">
                                <div class="panel-lead"><em>控制台</em>用于展示当前系统中的统计数据、统计报表及重要实时数据</div>
                                <ul class="nav nav-tabs">
                                    <li class="active"><a href="#one" data-toggle="tab">控制台</a></li>
                                    <li><a href="#two" data-toggle="tab">最新公告</a></li>
                                </ul>
                            </div>
                            <div class="panel-body">
                                <div id="myTabContent" class="tab-content">
                                    <div class="tab-pane fade active in" id="one">
                                        <div class="row">
                                            <div class="col-lg-12">
                                                <div class="box box-info">
                                                    <div class="box-header"><h3 class="box-title">服务器信息</h3></div>
                                                    <div class="box-body">
                                                        <table class="table table-striped">
                                                            <tbody>
                                                            <tr>
                                                                <td width="140">运行进程id</td>
                                                                <td th:text="${currentPID}"></td>
                                                            </tr>
                                                            <tr>
                                                                <td>Java信息</td>
                                                                <td th:text="${javaInfo}"></td>
                                                            </tr>
                                                            <tr>
                                                                <td>系统信息</td>
                                                                <td th:text="${osInfo}">fpm-fcgi</td>
                                                            </tr>
                                                            <tr>
                                                                <td>主机信息</td>
                                                                <td th:text="${hostInfo}">否</td>
                                                            </tr>
                                                            <tr>
                                                                <td>环境信息</td>
                                                                <td>nginx/1.12.2</td>
                                                            </tr>
                                                            <tr>
                                                                <td>总内存</td>
                                                                <td th:text="${total}"></td>
                                                            </tr>
                                                            <tr>
                                                                <td>可用内存</td>
                                                                <td th:text="${available}"></td>
                                                            </tr>
                                                            <tr>
                                                                <td>jvm信息</td>
                                                                <td th:text="${jvmSpecInfo}"></td>
                                                            </tr>
                                                            </tbody>
                                                        </table>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="tab-pane fade" id="two">
                                        <div class="row">
                                            <div class="col-xs-12">
                                                <div class="row">
                                                    <div class="col-lg-12">
                                                        <div class="box box-info">
                                                            <div class="box-header"><h3 class="box-title">最新公告</h3></div>
                                                            <div class="box-body">
                                                                <table class="table table-striped table-bordered table-hover">
                                                                    <tbody>
                                                                    <thead style="display: table-header-group;">
                                                                    <tr>
                                                                        <td width="140">公告标题</td>
                                                                        <td> 公告内容</td>
                                                                        <td>公告时间</td>
                                                                    </tr>
                                                                    </thead>

                                                                    <tr th:each="gonggao:${gonggaos}">
                                                                        <td width="140" th:text="${gonggao.title}"></td>
                                                                        <td th:text="${gonggao.content}"></td>
                                                                        <td th:text="${gonggao.create_time}"></td>
                                                                    </tr>
                                                                    </tbody></tbody></table>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<script id="newstpl" type="text/html">
    <ul class="nav nav-stacked">
        <%for(var i=0;i < news.length;i++){%>
        <%var item=news[i];%>
        <li>
            <a href="<%=item.url%>" target="_blank">
                <span class="text"><%=item.title%></span>
            </a>
        </li>
        <%}%>
    </ul>
</script>
<script id="discussiontpl" type="text/html">
    <ul class="products-list product-list-in-box">
        <%for(var i=0;i < news.length;i++){%>
        <%var item=news[i];%>
        <li class="item">
            <div class="">
                <a href="<%=item.url%>" target="_blank" class="product-title"><%=item.title%>
                    <span class="label label-warning pull-right"><%=item.comments_count%></span></a>
                <span class="product-description">
                    <%=item.last_time%>
                </span>
            </div>
        </li>
        <%}%>
    </ul>
</script>
<div th:replace="common/script"></div>
<script>
    var Orderdata = {
        column: ["2018-05-11", "2018-05-12", "2018-05-13", "2018-05-14", "2018-05-15", "2018-05-16", "2018-05-17"],
        paydata: [74, 140, 43, 4, 36, 17, 47],
        createdata: [124, 149, 193, 69, 132, 42, 109],
    };
</script>
</body>
</html>